<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset=utf-8 />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=8,9,10">
    <title>ShearPhoto2.3</title>
    <link href="shearphoto_common/css/ShearPhoto.css" rel="stylesheet" type="text/css" media="all">
    <script type="text/javascript" src="shearphoto_common/js/ShearPhoto.js"></script>
    
    <!--设置和处理对象方法的JS文件，要修改设置，请进入这个文件-->
    <script type="text/javascript" src="shearphoto_common/js/handle.js"></script>
</head>

<body>
    <div id="shearphoto_loading">程序加载中......</div>
    <!--这是2.2版本加入的缓冲效果，JS方法加载前显示的等待效果-->
    <div id="shearphoto_main">
        <!--primary范围开始-->
        <div class="primary">
            <!--main范围开始-->
            <div id="main">
                <div class="point">
                </div>
                <!--选择加载图片方式开始-->
                <div id="SelectBox">
                    <form id="ShearPhotoForm" enctype="multipart/form-data" method="post" target="POSTiframe">
                        <input name="shearphoto" type="hidden" value="我要传参数" autocomplete="off">
                        <!--示例传参数到服务端，后端文件UPLOAD.php用$_POST['shearphoto']接收,注意：HTML5切图时，这个参数是不会传的-->
                        <a href="javascript:;" id="selectImage">
                            <input type="file" name="UpFile" autocomplete="off" />
                        </a>
                    </form>
                </div>
                <!--选择加载图片方式结束--->
                <div id="relat">
                    <div id="black">
                    </div>
                    <div id="movebox">
                        <div id="smallbox">
                            <img src="shearphoto_common/images/default.gif" class="MoveImg" />
                            <!--截框上的小图-->
                        </div>
                        <!--动态边框开始-->
                        <i id="borderTop">
                                </i>
                        <i id="borderLeft">
                                </i>
                        <i id="borderRight">
                                </i>
                        <i id="borderBottom">
                                </i>
                        <!--动态边框结束-->
                        <i id="BottomRight">
                                </i>
                        <i id="TopRight">
                                </i>
                        <i id="Bottomleft">
                                </i>
                        <i id="Topleft">
                                </i>
                        <i id="Topmiddle">
                                </i>
                        <i id="leftmiddle">
                                </i>
                        <i id="Rightmiddle">
                                </i>
                        <i id="Bottommiddle">
                                </i>
                    </div>
                    <img src="shearphoto_common/images/default.gif" class="BigImg" />
                    <!--MAIN上的大图-->
                </div>
            </div>
            <!--main范围结束-->
            <div style="clear: both"></div>
            <!--工具条开始-->
            <div id="Shearbar">
                <div style="display:none;">
                <a id="LeftRotate" href="javascript:;">
                        <em>
                        </em>
                        向左旋转
                </a>
                <em class="hint L">
                </em>
                <div class="ZoomDist" id="ZoomDist">
                    <div id="Zoomcentre">
                    </div>
                    <div id="ZoomBar">
                    </div>
                    <span class="progress">
                        </span>
                </div>
                <em class="hint R">
                </em>
                <a id="RightRotate" href="javascript:;">
                        向右旋转
                        <em>
                        </em>
                </a>
                </div>
                <p class="Psava">
                    <a id="againIMG" href="javascript:;">重新选择</a>
                    <a id="saveShear" href="javascript:;">保存截图</a>
                </p>
            </div>
            <!--工具条结束-->
        </div>
    </div>
</body>
</html>